<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        
		<title>CafeHouse - Responsive HTML/CSS Template</title>

        <link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="css/bootstrap-responsive.css" type="text/css" media="screen" />         

        <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="css/colors.css" type="text/css" media="screen" />
        <link rel="stylesheet" href="css/fancybox/jquery.fancybox.css" type="text/css" media="screen" />
        
                <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript" ></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js" type="text/javascript"></script>
         
     <script src="js/bootstrap.min.js"></script>  
     <script src="js/menu.js" type="text/javascript"></script> 
	 <script src="js/jquery.flexslider-min.js" type="text/javascript"></script>
     <script src="js/slides.min.jquery.js" type="text/javascript"></script>
  	 <script src="js/jquery.tweet.js" type="text/javascript"></script>
     <script src="js/init.js" type="text/javascript"></script>
	 <script type="text/javascript" src="js/jquery.fancybox.pack.js"></script>
     <script type="text/javascript">
	$(document).ready(function() {
		$(".lightbox").fancybox();
	});
</script>     

 <script src="js/shortcodes.js" type="text/javascript"></script>        
  <script src="js/scrolltop.js" type="text/javascript"></script>           
    
      <link rel="shortcut icon" href="images/favicon.ico">
 
	</head>
    
    
<body>
    <div class="wrap">
    <div class="container">
    <div class="row">
    <div class="span7 logo">
          <h1 id="logo"><a href="index-2.html"><img src="images/logo-cafe.png" alt=""/></a></h1>
            </div><!--end logo--> 
        <div class="span5 open-hours">
         <h3 class="open-title">Open Hours</h3>			
       <div class="open-text">
       <div class="open-day"> <span class="day">Monday - Friday</span> : 09:00 AM - 10:00 PM</div>
       <div class="open-day"> <span class="day">Saturday - Sunday</span> : 09:00 AM - 10:00 PM</div>
       </div>
			
		
		    </div><!--end open-hours--> 

    </div><!--end row--> 
    </div><!--end container--> 
    </div><!--end wrap--> 
	     
        <div id="menu-holder">
        <ul class="menu"><li ><a href="index-2.html">Home</a></li>
<li><a href="about.html">About</a>
<ul class="sub-menu">
	<li><a href="typography.html">Typography</a></li>
	<li><a href="shortcodes.html">Shortcodes</a></li>
</ul>
</li>
<li><a href="menu.html">Our Menu</a></li>
<li><a href="reservation.html">Reservations</a></li>
<li><a href="gallery-3col.html">Gallery</a>
<ul class="sub-menu">
	<li><a href="gallery-3col.html">Gallery 3 Columns</a></li>
	<li  class="current_page_item"><a href="#">Gallery 4 Columns</a></li>
</ul>
</li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>

</div><!--end menu-holder-->

<div class="top-img">
<img src="images/default-top.jpg" title="" alt="" width="1000" height="160"/>
 

<h1 class="post-title-page">Gallery 4 Columns</h1>
</div>

<div class="wrap-content">
<div class="container">

		<div class="post" id="post-81">
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod, lectus at ullamcorper faucibus, tellus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod, lectus at ullamcorper faucibus, tellus.</p>
		</div>
	
              <div class="row">	
                
                <div class="span3">

<div class="col4_img">
 <img width="700" height="350" src="images/_gallery/g1-700x350.jpg" alt="The Restaurant 1" title="" /><a class="lightbox" href="images/_gallery/g1.jpg" rel="gallery" title="The Restaurant 1"><div class="mask_4col"><span class="mglass2">More</span> </div> </a>
</div>
 

<h4 class="title-gal-post">The Restaurant 1</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod, lectus at ullamcorper faucibus, tellus....</p></div><!--end span3-->
                              
		         <div class="span3">
                     
<div class="col4_img">
 <img width="700" height="350" src="images/_gallery/g2-700x350.jpg" alt="The Restaurant 2" title="" /><a class="lightbox" href="images/_gallery/g2.jpg" rel="gallery" title="The Restaurant 2"><div class="mask_4col"><span class="mglass2">More</span> </div> </a>
</div>
 
<h4 class="title-gal-post">The Restaurant 2</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod, lectus at ullamcorper faucibus, tellus....</p></div><!--end span3-->
           
			         <div class="span3">
                     
<div class="col4_img">
 <img width="700" height="350" src="images/_gallery/g3-700x350.jpg" alt="The Restaurant 3" title="" /><a class="lightbox" href="images/_gallery/g3.jpg" rel="gallery" title="The Restaurant 3"><div class="mask_4col"><span class="mglass2">More</span> </div> </a>
</div>
 
<h4 class="title-gal-post">The Restaurant 3</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod, lectus at ullamcorper faucibus, tellus....</p></div><!--end span3-->
   			           
    <div class="span3">
                     
<div class="col4_img">
 <img width="700" height="350" src="images/_gallery/g4-700x350.jpg" alt="The Restaurant 4" title="" /><a class="lightbox" href="images/_gallery/g4.jpg" rel="gallery" title="The Restaurant 4"><div class="mask_4col"><span class="mglass2">More</span> </div> </a>
</div>
 

<h4 class="title-gal-post">The Restaurant 4</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod, lectus at ullamcorper faucibus, tellus....</p></div><!--end span3-->
           
			     </div><!--end row-->                 
		                
                <div class="row">	
                
                <div class="span3">


<div class="col4_img">
 <img width="700" height="350" src="images/_gallery/g5-700x350.jpg" alt="The Restaurant 5" title="" /><a class="lightbox" href="images/_gallery/g5.jpg" rel="gallery" title="The Restaurant 5"><div class="mask_4col"><span class="mglass2">More</span> </div> </a>
</div>
 
<h4 class="title-gal-post">The Restaurant 5</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod, lectus at ullamcorper faucibus, tellus....</p></div><!--end span3-->
    			           
			         <div class="span3">
                     
<div class="col4_img">
 <img width="700" height="350" src="images/_gallery/g6-700x350.jpg" alt="The Restaurant 6" title="" /><a class="lightbox" href="images/_gallery/g6.jpg" rel="gallery" title="The Restaurant 6"><div class="mask_4col"><span class="mglass2">More</span> </div> </a>
</div>
 
<h4 class="title-gal-post">The Restaurant 6</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod, lectus at ullamcorper faucibus, tellus....</p></div><!--end span3-->
           
			         <div class="span3">
                     
<div class="col4_img">
 <img width="700" height="350" src="images/_gallery/g7-700x350.jpg" alt="The Restaurant 7" title="" /><a class="lightbox" href="images/_gallery/g7.jpg" rel="gallery" title="The Restaurant 7"><div class="mask_4col"><span class="mglass2">More</span> </div> </a>
</div>
 

<h4 class="title-gal-post">The Restaurant 7</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod, lectus at ullamcorper faucibus, tellus....</p></div><!--end span3-->
           
		         <div class="span3">
                     
<div class="col4_img">
 <img width="700" height="350" src="images/_gallery/g8-700x350.jpg" alt="The Restaurant 8" title="" /><a class="lightbox" href="images/_gallery/g8.jpg" rel="gallery" title="The Restaurant 8"><div class="mask_4col"><span class="mglass2">More</span> </div> </a>
</div>
 
<h4 class="title-gal-post">The Restaurant 8</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse euismod, lectus at ullamcorper faucibus, tellus....</p></div><!--end span3-->
           
			     </div><!--end row-->                 
		      
            
  <div class="prev-next">
		        
        
</div><!-- end prev-next --> 
	
</div><!-- end container -->
</div><!-- end wrapper-content-->

		<div id="footer">
       
       <div class="container">
       
        <div class="row footer-content">
           
            <div class="span4 footer-box">
            	<div class="footer-widget widget_text"><h4 class="widgettitle2">About Cafehouse</h4>			<div class="textwidget"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sit amet pharetra purus. Sed ut pharetra justo. Vestibulum dapibus nulla ac risus convallis non mollis purus pellentesque. Mauris scelerisque augue tincidunt lorem rutrum vitae rhoncus lorem mattis. Nam pretium commodo quam, nec pellentesque mi consectetur eu. Donec convallis sem erat, sit amet bibendum justo. Duis iaculis lorem sem.</p>
</div>
		</div>            </div>
        
            <div class="span4 footer-box">
            	<div class="footer-widget tweet_widget "><h4 class="widgettitle2">Latest Tweets</h4>
				
				<div class="tweet"></div>
        
		</div>            </div>
        
            <div class="span4 footer-box">
            	<div class="footer-widget widget_text"><h4 class="widgettitle2">Contact us</h4>			<div class="textwidget"><p>501 Boulevard, New York City<br />
New York</p>
<p>Phone: (4444-111.111</p>
<p>Email: your-email@domain.com</p>
</div>
		</div>            </div>
        		 
 </div><!-- end footer - row -->
       

        <div id="copyright">
        <p>&copy; 2012 CafeHouse. All rights reserved.</p>
        </div>
       
        <div class="social">
	    <ul>
               <li class="twitter"><a title="Twitter" href="#" target="_blank" rel="nofollow"></a></li>
                        <li class="facebook"><a title="Facebook" href="#" target="_blank" rel="nofollow"></a></li>
                         <li class="rss"><a title="RSS Feed" href="#" target="_blank" rel="nofollow"></a></li>
                          <li class="stumble"><a title="StumbleUpon" href="#" target="_blank" rel="nofollow"></a></li>
                        <li class="linkedin"><a title="Linkedin" href="#" target="_blank" rel="nofollow"></a></li>
                        <li class="vimeo"><a title="Vimeo" href="#" target="_blank" rel="nofollow"></a></li>
                       <li class="flickr"><a title="Flickr" href="#" target="_blank" rel="nofollow"></a></li>
                       <li class="picasa"><a title="Picasa" href="#" target="_blank" rel="nofollow"></a></li>
        
	</ul>
        </div>
        
        <div class="column-clear"></div>
        
        </div><!--end container-->
        </div><!--end footer-->
		
    <p id="backTop"><a href="#top">Top&uarr;</a></p>

</body>
</html>
